<template>
  <div class="info">
    <div class="cov">
      <div class="title">病毒信息</div>
      <p>{{ covDesc.note1 }}</p>
      <p>{{ covDesc.note2 }}</p>
      <p>{{ covDesc.note3 }}</p>
      <p>{{ covDesc.remark1 }}</p>
      <p>{{ covDesc.remark2 }}</p>
      <p>{{ covDesc.remark3 }}</p>
    </div>
    <van-divider />
    <div>
      <div class="title">病毒热点</div>
    </div>
    <div class="hotTitle" v-for="item in covNews" :key="item.id">
      <ul>
        <li>
          <van-tag type="warning">最新</van-tag>
          {{ item.title }}
        </li>
      </ul>
    </div>
    <van-divider />
  </div>
</template>

<script>
export default {
  props: {
    covDesc: {
      type: Object,
      default: function () {
        return {};
      },
    },
    covNews: {
      type: Array,
      default: function () {
        return [];
      },
    },
  },
  data() {
    return {};
  },
  created() {
    this.getCovInfo();
  },
  methods: {
    getCovInfo() {},
  },
};
</script>

<style scoped>
.info {
  padding: 0.2rem;
}
.title {
    font-size: 0.25rem;
  border-left: 0.1rem solid rgb(20, 49, 128);
  padding-left: 0.1rem;
  margin-bottom: 0.2rem;
}
.info p {
  line-height: 0.4rem;
  font-size: 0.23rem;
  color: #666;
}
.hotTitle {
  font-size: 0.25rem;
  line-height: 0.4rem;
}
</style>